<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/cropper/cropper.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!--引入 头部片段-->
    <div  th:replace="admin/common/back_common :: header"></div>

    <!--引入 左侧导航片段-->
    <div  th:replace="admin/common/back_common :: left"></div>

    <div class="layui-body layui-bg-gray">
        <!-- 内容主体区域 -->

        <div class="layui-row" >
            <div class="layui-col-md4 layui-col-md-offset1"  style="height: 400px;margin-top: 30px;border: 2px solid #dfe1e4;border-radius:5px;background-color: white;border-top: 5px solid #007bff;">
                <h1 style="margin-left: 5px">基本信息</h1>
                <hr class="layui-bg-gray">
                <div class="layui-row grid-demo " style="margin-top: 50px ;width: 90%">

                    <form class="layui-form" action="">

                        <div class="layui-input-block" style="margin-left: -20px">
                            <label class="layui-form-label">账号</label>
                        </div>
                        <div class="layui-form-item" style="margin-left: -65px">
                            <div class="layui-input-block">
                                <input type="tel" name="userName" lay-verify="required"  autocomplete="off" class="layui-input" value="">
                            </div>
                        </div>

                        <div>&nbsp;</div>
                        <div class="layui-input-block" style="margin-left: -20px">
                            <label class="layui-form-label">昵称</label>
                        </div>
                        <div class="layui-form-item" style="margin-left: -65px">
                            <div class="layui-input-block">
                                <input type="tel" name="userName" lay-verify="required"  autocomplete="off" class="layui-input" value="">
                            </div>
                        </div>
                        <div>&nbsp;</div>
                        <div class="layui-form-item  layui-bg-gray" style="margin-left: 40px;">
                            <div class="layui-input-block" style="margin-left: 350px;margin-top: 20px">
                                <button type="submit" class="layui-btn layui-bg-red" lay-submit="" lay-filter="name">确定修改</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="layui-col-md4 layui-col-md-offset1"  style="height: 400px;margin-top: 30px;border: 2px solid #dfe1e4;border-radius:5px;background-color: white;border-top: 5px solid #007bff;">
                <h1 style="margin-left: 5px">修改密码</h1>
                <hr class="layui-bg-gray">
                <div class="layui-row grid-demo " style="margin-top: 10px ;width: 90%">

                    <form class="layui-form" action="">

                        <div class="layui-input-block" style="margin-left: -20px">
                            <label class="layui-form-label">原密码</label>
                        </div>
                        <div class="layui-form-item" style="margin-left: -65px">
                            <div class="layui-input-block">
                                <input type="tel" name="userName" lay-verify="required"  autocomplete="off" class="layui-input" value="">
                            </div>
                        </div>

                        <div class="layui-input-block" style="margin-left: -20px">
                            <label class="layui-form-label">新密码</label>
                        </div>
                        <div class="layui-form-item" style="margin-left: -65px">
                            <div class="layui-input-block">
                                <input type="tel" name="userName" lay-verify="required"  autocomplete="off" class="layui-input" value="">
                            </div>
                        </div>

                        <div class="layui-input-block" style="margin-left: -20px">
                            <label class="layui-form-label">确认密码</label>
                        </div>
                        <div class="layui-form-item" style="margin-left: -65px">
                            <div class="layui-input-block">
                                <input type="tel" name="userName" lay-verify="required"  autocomplete="off" class="layui-input" value="">
                            </div>
                        </div>

                        <div class="layui-form-item  layui-bg-gray" style="margin-left: 40px;">
                            <div class="layui-input-block" style="margin-left: 350px;margin-top: 20px">
                                <button type="submit" class="layui-btn layui-bg-red" lay-submit="" lay-filter="name">确定修改</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>


    <!--引入   底部固定区域 -->
    <div  th:replace="admin/common/back_common :: footer"></div>

</div>
<script src="/layui/layui.js"></script>
<script>

    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });

</script>
</body>
</html>